<template>
  <div class="layout" id="layout">
    <app-header class="header-box" />
    <slot class="content" />
  </div>
</template>
<script setup lang="ts">
import { AppHeader } from '#components'
</script>

<style lang="less" scoped>
.layout {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  overflow-y: scroll;

  &::-webkit-scrollbar { width: 0; height: 0 }

  .header-box {
    position: fixed;
    left: 50%;
    top: .2rem;
    z-index: 99;
    transform: translateX(-50%);
  }
}
</style>
